<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting a Bubble Grid widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
table.whs3 { x-cell-content-align:top; left:0px; top:92px; border-spacing:0px; }
tr.whs4 { x-cell-content-align:top; height:22px; }
td.whs5 { border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
p.whs6 { font-weight:bold; font-size:9pt; }
td.whs7 { border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
tr.whs8 { x-cell-content-align:top; height:73px; }
td.whs9 { border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs10 { border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
ol.whs11 { list-style:decimal; }
p.whs12 { font-size:9pt; margin-top:4.5pt; }
tr.whs13 { x-cell-content-align:top; height:63px; }
tr.whs14 { x-cell-content-align:top; height:60px; }
tr.whs15 { x-cell-content-align:top; height:78px; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nFormatting widgets\nFormatting a Bubble Grid widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Formatting a Bubble Grid widget</h1>
<p class="whs2">For an image of a Bubble Grid widget and steps 
 to add one to a document, see 
<a href="Defining_a_Bubble_Grid_widget.htm" 
 style="font-size: 9pt;">Defining a Bubble Grid widget</a>.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><span style="font-size: 9pt;"><font size=1 style="font-size:9pt;">A Bubble Grid 
 widget inherits only the number formatting from its Grid/Graph in Editable 
 Mode. For example, if a dollar sign ($) is used in the metric values in 
 Editable Mode, a dollar sign is also used in the metric values in Flash 
 Mode or Interactive Mode. A Bubble Grid widget does not inherit fonts 
 and font colors from the Grid/Graph in Editable Mode. </font></span></p>
<p class="whs2">&nbsp;</p>
<p class="whs2">The table below lists the different aspects 
 of the Bubble Grid widget that you can format, and describes the steps 
 to format them in MicroStrategy Web. The steps can be performed in Flash 
 Mode. They can also be performed in Interactive Mode if the widget has 
 been defined to display as a widget in DHTML, and DHTML is enabled in 
 Web. For instructions to determine how the widget is displayed, see 
<a 
 HREF="Widget_non_Flash.htm">Determining how a widget is rendered in non-Flash 
 modes</a>. <span style="font-size: 9pt;"><font size=1 style="font-size:9pt;">For instructions to enable DHTML, 
 see 
<a HREF="DHTML-only_features_in_Web.htm">Enabling DHTML in MicroStrategy 
 Web</a>.</font></span></p>
<p class="whs2">&nbsp;</p>
<table x-use-null-cells cellspacing="0" class="whs3">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col>
<col>


<tr valign="top" class="whs4">
<td class="whs5">
<p class="whs6">What to Format in the Widget</td>
<td class="whs7">
<p><span style="font-size: 9pt; font-weight: bold;"><font size=1 style="font-size:9pt;"><B>How to Format It</B></font></span></td></tr>

<tr valign="top" class="whs8">
<td colspan="1" rowspan="1" class="whs9">
<p class="whs2">Color used for the bubbles representing the 
 smallest metric values (minimum color)</td>
<td colspan="1" rowspan="1" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs12">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">From 
 the <span style="font-weight: bold;"><B>Minimum Color</B></span> drop-down list, 
 select a color for the minimum metric values in the widget.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol>
<p>&nbsp;</td></tr>

<tr valign="top" class="whs8">
<td colspan="1" rowspan="1" class="whs9">
<p class="whs2">Color used for the bubbles representing the 
 largest metric values (maximum color)</td>
<td colspan="1" rowspan="1" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs12">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">From 
 the <span style="font-weight: bold;"><B>Maximum Color</B></span> drop-down list, 
 select a color for the maximum metric values in the widget.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs13">
<td colspan="1" rowspan="1" class="whs9">
<p class="whs2">Background color of the widget</td>
<td colspan="1" rowspan="1" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs12">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">From 
 the <span style="font-weight: bold;"><B>Background Color</B></span> drop-down 
 list, select a color for the background of the widget.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs13">
<td colspan="1" rowspan="1" class="whs9">
<p class="whs2">Color of the borders of the widget</td>
<td colspan="1" rowspan="1" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs12">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">From 
 the <span style="font-weight: bold;"><B>Border Color</B></span> drop-down list, 
 select a color for the borders of the widget.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs14">
<td colspan="1" rowspan="1" class="whs9">
<p class="whs2">The color and font for the labels text</td>
<td colspan="1" rowspan="1" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs12">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">From 
 the <span style="font-weight: bold;"><B>Labels Text Color</B></span> drop-down 
 list, select a color for the text of the labels. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">From 
 the <span style="font-weight: bold;"><B>Labels Font</B></span> drop-down list, 
 select a font for the text of the labels. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol>
<p>&nbsp;</td></tr>

<tr valign="top" class="whs14">
<td colspan="1" rowspan="1" class="whs9">
<p class="whs2">Whether the widget legend is displayed or hidden</td>
<td colspan="1" rowspan="1" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs12">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Select 
 or clear the <span style="font-weight: bold;"><B>Show Legend</B></span> check 
 box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs15">
<td colspan="1" rowspan="1" class="whs9">
<p class="whs2">Maximum radius of the bubbles in the widget</td>
<td colspan="1" rowspan="1" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs12">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Enter 
 a number in the <span style="font-weight: bold;"><B>Maximum Radius</B></span> 
 field to determine the radius of the largest bubble in the widget. All 
 other bubbles are sized relative to that bubble.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<p>&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
